<!--
 * @Author: GKN
 * @Date: 2023-07-26 20:52:14
 * @LastEditTime: 2024-01-02 17:33:01
 * @LastEditors: GKN
 * @Description: VUE    
 * @FilePath: \mod\src\components\Footer.vue
 * 可以输入预定的版权声明、个性签名、空行等
-->
<template>
  <div class="cont mainPadding">
    <div class="head">
        <div v-for="(item,i) in list" :key="item" class="item cursor-p" @click="go(item.path,i)">{{ item.name }}</div>
    </div>
    <div class="p1">京ICP备2020039174号-1      增值电信业务经营许可证京B2-20224397 </div>
    <div class="p2">Copyright © 2019-2020 by www.zgcxcgk.com. all rights reserved  </div>
  </div>
</template>

<script setup>
    import { ref,reactive, onMounted,getCurrentInstance } from "vue";
    const { proxy } = getCurrentInstance();
    import CryptoJS from 'crypto-js';
    import { useRouter } from "vue-router";
    const Router = useRouter();
    import { useStore } from 'vuex';
    const store = new useStore();
    const list = [
        {name:'关于我们',path:'about'},
        {name:'联系我们',path:'contact'},
        {name:'法律声明',path:'legal'},
        {name:'品牌发行',path:'brand'},
        {name:'广告刊例',path:'adex'},
    ]
    const go = (path,i)=>{
        // return;
        localStorage.setItem( 'tabsStatus1', i+1 )
        store.state.headerIndex1 = i+1
        Router.push({
            name:path
        })
    }
</script>

<style lang='less' scoped>
    .cont{
        width:100%;
        height: 197px;
        background: #fff;
        box-shadow: 4px 0px 7px 0px rgba(5, 5, 5, .2);
        position: absolute;
        bottom: 0;
        left: 0;
        .head{
            display: flex;
            justify-content: space-between;
            padding: 20px 340px;
        }
        .p1{
            font-size: 12px;
            color:#8d8d8d ;
            margin-top: 26px;
            text-align: center;
        }
        .p2{
            font-size: 12px;
            color:#8d8d8d ;
            margin-top: 12px;
            text-align: center;
        }
    }
</style>
